<template>
  <el-card shadow="never" header="关于项目" class="item-background">
    <template #header>
      <div class="card-header">
        <span>工作台</span>
      </div>
    </template>
    <el-row :gutter="20">
      <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
        <div class="welcome">
          <p class="hello">下午好，开始您一天的工作吧！</p>
          <p>今日阴转大雨，15℃ - 25℃，出门记得带伞哦。</p>
        </div>
      </el-col>
      <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
        <el-row justify="space-between" align="middle"></el-row>
      </el-col>
    </el-row>
  </el-card>
</template>

<script setup lang="ts"></script>

<style scoped>
.el-card {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid var(--el-card-border-color);
}
.item-background p {
  color: #999;
  margin-top: 10px;
  line-height: 1.8;
}
</style>
